<template>
	<view class="warp">
		<view class="box">
			<view class="text-box">
				<text>
					在校生（不含实习生）每学期内必须完成每教学周不少于2次的APP软件跑步锻炼（男生有效跑距≥3.5公里/次、女生有效跑距≥2.5公里/次，有效次数为45分钟内完成跑距/次；有效锻炼时段为每学期教学周的上午时段6:00—8:00和下午/晚上时段15:30—22:30；如遇雨雪、雾霾等特殊天气周可在其它周补齐）。
				</text>
			</view>
			<view class="table-box">
				<t-table >
					<t-tr>
						<t-th>百分制（分）</t-th>
						<t-th>次数</t-th>
						<t-th>分值</t-th>
					</t-tr>
					<t-tr v-for="item in tableList" :key="item.id">
						<t-td>{{ item.id  }}</t-td>
						<t-td>{{ item.name }}</t-td>
						<t-td>{{ item.age }}</t-td>
					</t-tr>
				</t-table>
			</view>
		</view>
	</view>
</template>
<script>
	import tTable from '@/components/t-table/t-table.vue';
	import tTh from '@/components/t-table/t-th.vue';
	import tTr from '@/components/t-table/t-tr.vue';
	import tTd from '@/components/t-table/t-td.vue';
	export default {
		components: {
			tTable,
			tTh,
			tTr,
			tTd
		},
		data() {
			return {
				tableList: [{
						id: 100,
						name: '≥36',
						age: '20',
					},
					{
						id: 90,
						name: '32-35',
						age: '18',
					},
					{
						id: 80,
						name: '28-31',
						age: '16',
					},
					{
						id: 70,
						name: '25-27',
						age: '14',
					},
					{
						id: 60,
						name: '≥24',
						age: '12',
					},
					{
						id: 0,
						name: '<24',
						age: '0',
					},

				]
			};
		},
		methods: {
			edit(item) {
				uni.showToast({
					title: item.name,
					icon: 'none'
				});
			}
		}
	};
</script>
<style>
	.title {
		font-size: 14px;
	}

	.text-box {
		margin-bottom: 40rpx;
		padding-top: 20rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		display: flex;
		min-height: 300rpx;
		background-color: #FFFFFF;
		justify-content: center;
		align-items: center;
		font-size: 35rpx;
		color: #353535;
		line-height: 1.8;
	}
	.table-box {
		padding: 0 40rpx;
	}
</style>
